﻿.sliderBar{border:0 solid blue;margin:auto;position:relative;overflow:hidden}.sliderBar .sliderContainer{border:0 solid red;position:relative;overflow:hidden}.sliderBar ul,.sliderBar li{display:block;float:left;list-style:none;margin:0;padding:0;position:relative}.sliderBar .slider{position:relative}.sliderBar .slider ul,.sliderBar .slider li img{width:100%;height:100%}.sliderBar .btn{width:30px;height:40px;border:0 solid black;position:absolute;cursor:pointer}.sliderBar .btn .backDiv{width:100%;height:100%}.backDiv-hover{background-color:#000;opacity:.5;filter:alpha(opacity=50)}.sliderBar .leftBtn .imgDiv{background:url(img/arrow.png) no-repeat -20px 0;width:20px;height:25px;border:0 solid blue;position:absolute;top:8px;left:5px}.sliderBar .rightBtn .imgDiv{background:url(img/arrow.png) no-repeat 0 0;width:20px;height:25px;border:0 solid blue;position:absolute;top:8px;right:4px}.sliderBar .num{border:0 solid green;position:absolute}.sliderBar .number li{width:17px;height:17px;line-height:17px;color:white;margin:0 3px;background-color:gray;font-size:12px;text-align:center;cursor:pointer;display:block}.sliderBar .number .hot{font-weight:bold;color:red}.sliderBar .circle{background-color:rgba(255,255,255,0.3);padding:1px 1px;border-radius:10px}.sliderBar .circle li{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background-color:#B7B7B7;overflow:hidden;margin:0 2px;cursor:pointer}.sliderBar .circle .hot{background-color:#F40}.sliderBar .shotItem{position:absolute;float:left;top:0;left:0}.sliderBar .hideItem{display:none}